Hace unos días me comentaban que la personalización en la nube de etiquetas era muy limitada, se añadía el inconveniente de estar usando una plantilla clásica, sugerí crear nuestra propia nube y el resultado ha sido más que agradable.


Cuando creamos una nube de etiquetas conseguimos que cada palabra de la nube sea un enlace a una etiqueta determinada.Lo que sigue a continuación es la forma de crear una nube añadiendo un gadget de HTML y unas líneas en el CSS de nuestra plantilla.
En plantilla de diseño editamos un nuevo gadget HTML y en su interior añadimos lo siguiente:

<div class="nube-html">
<a style="color:#9b2230; font-size: 11px;" href="#">TEXTO</a>
<a style="color:#000000; font-size: 14px;" href="#">TEXTO</a>
<a style="color:#940f04; font-size: 42px;" href="#">TEXTO</a>
<a style="color:#999999; font-size: 17px;" href="#">TEXTO</a>
<a style="color:#d85564; font-size: 11px;" href="#">TEXTO</a>
<a style="color:#940f04; font-size: 18px;" href="#">TEXTO</a>
<a style="color:#8B8386; font-size: 16px;" href="#">TEXTO</a>
<a style="color:#d85564; font-size: 11px;" href="#">TEXTO</a>
</div>

Añadiremos tantas líneas como etiquetas deseamos añadir.

» En color:#xxxxxx;es el color del enlace.
» Sustituimos TEXTO por el nombre de cada etiqueta.
» La almohadilla # la sustituimos por la url que corresponde a cada etiqueta.
» Con font-size: xxpx; es el tamaño de la fuente.

La forma de conseguir la url de cada etiqueta es muy simple, hacemos click sobre una etiqueta de nuestro blog y se mostrarán todas las entradas con ese etiqueta, lo que haremos será copiar la url que aparece en ese momento en la barra del navegador y pegarla sustituyendo el asterisco #

Una vez tenemos los enlaces creados guardamos los cambios y nos vamos a plantilla Edición de HTML, buscamos ]]></b:skin> y justo antes añadimos lo siguiente:

.nube-html {
border: 1px solid #333;
background: url('url-imagen-fondo') repeat;
margin: 10px 0 10px 0;
line-height: 30px;
text-align: center;
padding: 2px;
padding-top: 10px;
}
.nube-html a {
text-decoration: none;
}
.nube-html a:hover {
border-bottom: 1px dashed #ccc;
}

» Podemos añadir una imagen de fondo a la nube en "background" y borde en "border"
» Para que al pasar el ratón sobre el enlace se produzca un efecto hover añadí en "a:hover" border-bottom: 1px dashed #ccc; que lo podemos sustituir por cualquier otro efecto.




Raton

Vaya por fin soy el primero en comentar en una de tus entradas. Jejeje :P lo importante es la informacion, ecxelente, gracias por compartir tus conocimientos.

Responder
Maite

Está genial esta entrada. Si no fuera por tí las etiquetas en mi blog habrían pasado totalmente desapercibidas. Ahora hasta para mí me resultan atractivas y hasta las uso yo, cosa que antes no hacía.
Gracias por tanta información, guapísima.

Responder
Gem@

yz Así es Raton fuiste el primero, siento no poder sortear un iPone ¡serías el ganador!! :)
Gracias a ti por comentar.

yz Me acordé cuando creaba esta entrada Maite, es un poco diferente a como la añadiste, pero el resultado es el mismo.
Gracias a ti por estar y esos detalles que te engrandecen :)

Responder
Gem@

yz Me alegra que te guste MALINA :)

Responder
Gem@

yz Gracias Emiliano te añadiré a mi blog de amigos ;)

Responder
Anónimo

Hola Gem@!Muy bueno! Puedo hacer la tradución para el portugués en mi blog Dicas Blogger? Gracias!

Responder
Gem@

yz Claro que si Juliana :)

Responder
Bonzu Pipinpadaloxicopolis III

Hola Gem@. Te saludo, te visito, leo, comento y me voy. Regresaré luego.
Un simple hola.

Responder
Gem@

yz Bonzu Pipinpadaloxicopolis III ¡Hola! gracias por visitarme, comentar y leerme.
Regresa cuando gustes :)

Responder
Anónimo

Gracias Gem@! Sigo tu blog por RSS y me gusta muchissimo! ;) Abrazos desde Brasil!
Nuvem de tags personalizada para o Blogger

Responder
Gem@

yz Abrazos Juliana, quedó genial la entrada ;)

Responder
Codi Global

Genial como siempre, nada que queria dejar constancia que aún que no comente cada dia si que me paso por tu blog.
Saludos y buen fin de semana.

Responder
Anónimo

Esta genial. Me ha gustado mucho.
Voy a guardar el código para añadirlo a mi blog con calma.

Muy bien realizado. :)

Responder
Henry

Que Simple, habia visto otros ejemplos mas complejos, pero esto esta realmente simple.

Por culpa de Gema y sus ejemplos tan simples y sencillos no me dejas mas opcion que tener que empezar a crear una plantilla minimal y tunearla por completo para un nuevo blog que tengo en mente.

Gracias por hacernos la vida mas simple, porque no todo sera asi en la vida, cuando mas tratamos de entender la mente humana, mas complejo se vuelve todo.

Responder
elios

hola gema, me gusataria que me ayudaras, tu tienes un boton de suscripcion para que reciabmos tus post por email, me gustaria saber como hago para que parezca al tuyo, es decir que no aparezca como suscribirse a post o comentarios sino un solo boton como el tuyo, que debo hacer?

Responder
Gem@

yz Gracias Sisco siempre es muy grato verte por aquí, que tengas un bonito fin de semana :)

yz Gracias Fero ;)

yz Llevas razón Henry, no todo es tan simple en la vida aunque también es verdad que a veces somos nosotros los que nos complicamos la vida.
Ya me enseñarás ese proyecto :)

yz elios creo que te refieres a FeedBurner con él podemos recibir las actualizaciones en el correo y en el lector que estemos usando.
En podemos hacer muchas cosas, yo aún no me hice con todas las herramientas, seguí los pasos indicados en J.Miur la única diferencia es que ahora la url de FeedBurner es:
http://feedburner.google.com ;)

Responder
Gem@

yz Ya van dos veces este comentario :(
Te decía que no creo que Rosa pasa ;) pero para no dejar la duda en el aire te contesto, para que se muestre con el ancho total debes incluir los datos en un gadget fuera del contenedor es decir abajo del todo en un gadget que ocupe todo el ancho.
Ese gadget aparece con la id col-bottom y se muestra vacío en tu blog, al estar fuera del contenedor se mostrará en ancho total ;)

Responder
Anónimo

holas, como puedo eliminar la famosa
Suscribirse a: Entradas (Atom)
muchas gracias x la respuesta

Responder
Gem@

Saludos Anónimo puedes seguir estos pasos para hacerlo :)

Responder
Anabel Cornago

Hola, Gema.
Lo explicas fenomenal. Me he puesto con ello y lo he conseguido.¡Qué bien!
Abrazos.

Responder
Gem@

yz Me alegra mucho Anabel, quedaron lindas tus etiquetas de colores :)

Responder
Juan José Fernández

Ei muchas gracias por fin lo he conseguido gracias a tu explicación ya tengo nube de etiquetas¡¡¡ gracias.

Responder
Gem@

yz Me alegra mucho Juan José :)
Gracias por comentarlo.

Responder
Javier Reséndiz

Hola Gem@:

Recién cambié la plantilla de mi blog y, dado que por alguna razón no acomoda del todo bien las etiquetas -lo que provoca un aspecto terrible-, decidí integrarle una nube de etiquetas con la esperanza de lograr una mejora.

En primera instancia entré a tu página, pues con anterioridad ya había visto que escribiste una entrada al respecto pero, de manera anecdótica, te cuento lo siguiente:

Antes de iniciar nada, le pregunté a Sn. Google por otras opciones y visité al menos una docena de las recomendaciones que me hizo. Lo curioso es que el 99% de esas páginas se extienden en explicar el HowTo con pelos y señales y, sin embargo, ¡no la utilizan!

En lugar de la nube de tags, hacen uso del gadget que proporciona blogger... Si no fuera tan patético el contraste, hasta resultaría divertido, ¿no lo crees?

Volviendo al punto, la mejor opción a la vista es la que tú nos ofreces y es la que habré de utilizar, aunque tenga que añadir manualmente al código cada etiqueta nueva que se me ocurra en el futuro.

Si algún día tienes un poquitín de tiempo, quizá desees pasar por mi sitio (aullido.com.mx) para cerciorarte del resultado final y posiblemente darme uno que otro consejo para afinar detalles, ¿vale?

Gracias, y buena suerte en tus proyectos.

Responder
Gem@

yz Saludos Lobo sobre el tema de las etiquetas supongo que la mayoría termina decantándose por las que proporciona Blogger por aquello de ir rápido y seguro, también puede ser tema de gustos.
He hablado si no recuerdo mal sobre cuatro formas de añadir etiquetas. Cumulus Blogumus la nube en movimiento que por cierto ocasionaba problemas al visualizarse en distintos navegadores. La que ves en mi sidebar que requiere un script. La proporcionada por Blogger. La que añadiste con html que también la tengo en el footer del blog y una más a es a modo de menú también con html.
De todas, las que más me gusta es la de esta entrada, resulta alegre y vistosa me alegra que también te convenciera.
En tu blog quizás probaría a sustituir el color rojo por el de los títulos de las entradas o el verde de la banda del header pero eso es a gusto de cada uno, el resto que puedo decir es una plantilla elegante y el contenido la hace más elegante todavía...
Suerte para ti también :)

Responder
Javier Reséndiz

Hola Gem@:

Muy amable de tu parte por tomarte el tiempo en leer y responder mi comentario, así como para visitar mi morada.

Es una pena que no haya advertido tu presencia, ni haberte atendido como merecías -ameritaba una copa, como mínimo, para celebrar tu estancia-, pero quizá en otra ocasión, ¿verdad? Hay más tiempo que vida.

Sobre lo que apuntas, me congratulo por tu buen ojo. Seguí tu consejo y ahora mi nube de tags resulta más agradable a la vista y rebasó con creces lo que deseaba al inicio: es alegre, fresca, bonita y funcional.

Mil gracias, te mereces un millón de besos.

Responder
docencia

Hola Gema!

Ahora estoy liado con el blog buscando posicionandolo.. y tengo un pisto importante con el pagerank, los robots, las meta-etiquetas, etiquetas de blogger de technorati.. :o

Lo que se hasta ahora es lo siguiente: Tengo un 0 de pagerank de grande como una casa. Estoy dado de alta en Google, Yahoo y Bling (en este ultimo ni aparezco). Utilizo el generador de etiquetas de blogalaxia en cada post y las pego al final, ¿esta bien así?. Para technorati no tengo ni idea de como poner etiquetas. En cuanto a las meta-etiquetas que deben ir en la HTML del blog, lo mismo tengo puento un estropicio, ni idea.

En cuanto a los directorios, por lo que he leido son de utilidad para aparecer en google verdad ¿? este momento estoy dado de alta en 20 (podras verlos en mi pagina http://formadores-ocupacionales.blogspot.com/) ¿son muchos?, ninguno tiene menos de pagerank 4.

Y si hablamos de los "robots.txt"... entonces ya me pierdo del todo.

Necesitaria explicaciones detalladas de todo esto, ¿me puedes ayudar o recomendar paginas?

Gracias por tú paciencia ¡¡

Responder
Javier Reséndiz

Ismael:

Aunque sería ideal contar con cien mil etiquetas para que tanto los navegantes como los motores de búsqueda nos localizaran con facilidad, ya fuera por la una o ya fuera por la otra, se recomienda a los administradores de sitios ser amigables con los robots y, para tal fin, que no utilicen más de veinte etiquetas.

Tú mejor que nadie sabe los temas que tratas o deseas tratar en tu sitio. Pues bien, identifica cuál es la etiqueta que mejor casa con cada nueva entrada y, de esa manera, aún esas pocas veinte te serán de mucha utilidad y no te verás limitado.

Esas mismas etiquetas son las que se usan tanto en el widget "Categorías" o "Etiquetas" de tu sitio, al igual que en Technorati y Blogalaxia.

Las de Blogalaxia se pegan directamente al pie de cada nueva entrada y las de Technorati, en cambio, se escriben a mano en la sección de configuración de tu cuenta.

Para usar esas etiquetas como META TAGS, hay que colocarlas en la cabecera de tu plantilla; pero, lo más conveniente, salvo la mejor opinión de Gem@ o de cualquier otro experto, es que comentes el script "b:include data='blog' name='all-head-content", mismo que inserta Blogger por default al princio de tu plantilla.

Para que veas un ejemplo de lo que te hablo, puedes visitar mi página (aullido.com.mx) y, después, en el menú "Ver" de tu navegador, seleccionar "Código fuente". De esa forma podrás apreciar la estructura y sitio de colocación de las META TAGS que te interesan, incluyendo la de robots.

Un sitio que me sirvió mucho a mí para las METAS fue "www.seocentro.com/tools/search-engines/metatag-analyzer.html".

Escribes la dirección de tu página y la herramienta de ese sitio analizará muchos aspectos de la misma: si existen omisiones o errores, qué tan cercanas o alejadas son tanto la descripción de tu sitio como las METAS a lo que se encuentra contenido y publicado en él, y etc.

Estar en inscrito en directorios no aumenta tu PageRank, únicamente hará más accesible a tu página. El PageRank viene a ser el resultado de muchos factores, entre los principales que te puedo ennumerar son: antigüedad de la página, número de visitas y la cantidad y CALIDAD de los enlaces que apuntan hacia ella.

La antigüedad no puedes resolverla más que con tiempo y paciencia, y lo demás: concentrándote en que el contenido de tu página sea de CALIDAD y ORIGINAL, y que tus entradas sean lo más constantes posible, para que los usuarios se sientan inclinados a visitarte y las páginas importantes a enlazarte.

Sin embargo, si de verdad quieres que tu página pertenezca a un directorio de prestigio y altamente selectivo, cuyos datos son utilizados por casi todos los demás directorios, llámese Google, Yahoo! y demás, y que para tu fortuna no te va a costar ni un solo clavo nada de ello, sugiero que te dirijas a DMOZ.ORG y rellenes el formulario de envío.

Van a tardar años en atender tu solicitud, otros tantos para que la acepten o rechacen y finalmente unos más para que quedes incluido en sus listas, si es que te aceptaron.

Y qué hay que hacer para que te acepten?

Exactamente lo mismo que te apunté más arriba: CALIDAD, perioricidad y contenido ORIGINAL. Ellos se fijan mucho sobre todo en eso último.

Porque si acostumbras o planeas dedicarte a publicar lo que otros ya hicieron antes que tú, llámense Noticias, Tutoriales, HowTos, Videos y etc. Entonces estás frito y no te van a aceptar.

Saludos.

Responder
Gem@

yz Saludos Ismael y Lobo
Me parece genial la información de Lobo, y la guardo para dedicarle más atención en otro momento.
Mi punto de vista es muy simple en ese sentido y a este comentario le vendría bien eso de "En casa de herrero cuchara de palo" pero es que tengo muy claro la finalidad de este blog y la tuve desde su inicio.
En los inicios de Gem@ BLOG me registré en unos 10 ó 12 directorios, son una forma más de darse a conocer pero no es la mejor forma de darse a conocer sino una más como pueden ser las redes sociales o los buscadores.
Durante este tiempo no he visto que el número de visitas al blog que llegan de esos directorios sea algo relevante.
No utilizo el generador de etiquetas de Blogalaxia ni tampoco el de Technorati.
Si uso la etiqueta Meta siguiendo los pasos de Vagabundia.
http://vagabundia.blogspot.com/2009/02/la-etiqueta-meta.html
Aunque como bien dice Lobo hay stios que generan las META TAGS.
Sobre el PR es algo muy relativo y más viniendo de Google, el PR se adjudica mayormente por las páginas que nos tienen enlazados, a mayor PR de esas páginas más valor tiene.
El PR indica la popularidad de una web, pero como te decía es muy relativo, una web puede ser muy popular de cara a las visitas y sin embargo Google puede penalizarla por ejemplo por temas de publicidad y bajarle el PR.
Luego... si te portas mal no eres popular porque así lo decide Google :)
Como verás Ismael no te ayudo mucho, mi única recomendación es tómalo con calma y disfruta lo que haces porque eso se transmite.
Lo demás llega solo...

(Lamento no ver el anterior comentario Lobo)

Responder
Gem@

yz Creo que esto te puede interesar Ismael:
http://vagabundia.blogspot.com/2009/06/optimizar-el-blog-para-que-nos.html

Responder
Javier Reséndiz

Gem@ e Ismael:

"Aunque como bien dice Lobo hay stios que generan las META TAGS".

Sólo aclarar que no mencioné ningún Meta Tag-Generator.

La herramienta Meta Tag Analyzer no genera Metas, sino, como su nombre lo indica, las analiza. Y, para que pueda analizarlas, éstas ya deben de estar presentes en la cabecera de la página.

Una página puede pasar toda su vida sin incluir ninguna META e igualmente tarde que temprano será encontrada y desplegada entre la lista de resultados de los motores de búsqueda.

Sin embargo, si deseamos darle un "empujoncito" a nuestra página, para que sea descubierta más rápido o para que quede mejor posicionada entre los resultados de una búsqueda, conviene colocarle las META TAGS.

Para entender mejor los qué, los cómo y los porqués de la META TAGS, además de la página de Vagabundia (cuyos artículos suelen ser útiles, claros y acertados), anoto aquí las direcciones de otras que hablan del mismo tema y que son parte de las muchas en las que yo me apoyé a la hora de elaborar las METAS:

1.- manual-posicionamiento.pre-dominios.com/metaetiquetas.html

2.- http://www.hellogoogle.com/los-meta-tags-codigos-de-barra-en-sus-documentos/

Saludos.


PD: Gem@, no te preocupes. Por el contrario, soy yo quien presenta sus disculpas por meter mi cuchara en plato ajeno.

Responder
Gem@

yz Saludos Lobo, al parecer leí mal, pensaba te referías a esos generadores de META TAGS ahora he visto el error (
Por lo demás no debes pedir disculpas todo lo contrario este tipo e comentarios donde parece una conversación resultan muy interesantes y más con esos datos que aportas.
Aquí todos traemos cuchara pero el plato es de todos:D

Responder
Grandes Sabores Serv. de Banqueteria y Productora de Eventos

Hola preciosa tanto tiempo, yo por aca entre ollas, recetas y libros, cocinando como loca, jajaja, en fin escasa de tiempo algo he podido enchular mi blog de pruebas http://grandessaborescategorias.blogspot.com
si lo visitas veras los cambios y como siempre te molesto con mis cosas, agregue algunas cositas entre unos banners pero qu ize hacerlos en fila, quedaron lindos y funcionan pero me quedo un espacio tipo recuadro entre ellos, que será?, a ver si tienes una didea para mejorar esta imagen que deseo hacer mi logo para publicidad on line y grafica

http://3.bp.blogspot.com/_p1fdoVZubpw/SkPb624mg1I/AAAAAAAAARM/el3AuKfvdT0/s200/Plantilla+Cartel+logo.jpg" alt="" id="BLOGGER_PHOTO_ID_5351362586458096466"

pensaba en marcos tipo franceses o ingleses, todo lo que sea antiguo, que tal?

Cariños y abrazos a la distancia

Responder
Gem@

yz Saludos amiga, ya te extrañaba yo y me preguntaba que sería de ti :)
Verás estás añadiendo el código donde incluimos las imágenes mal, añades todo lo que nos proporciona Blogger al subir una imagen en el editor de entradas y sólo hay que añadir la url de la imagen.
El código para una imagen es este:

<a href="aquí-url-de-la-página" title="texto al pasar el cursor"><img style="margin:0px 5px 5px 0px;" alt="texto complementario" src="aquí-ur-de-la-imagen"/></a>

Y añadido al gadget de html sería algo así:

<div class="banner img">
<a href="http://grandessaboresbanqueteria.blogspot.com/" title="Grandes Sabores Banqueteria"><img style="margin:0px 5px 5px 0px;" alt="Grandes Sabores Banqueteria" src="http://3.bp.blogspot.com/_p1fdoVZubpw/SkPb624mg1I/AAAAAAAAARM/el3AuKfvdT0/s200/Plantilla+Cartel+logo.jpg"/></a>

</div>

Con eso desaparece ese segundo marco que tienes sobre la imagen :)

Responder
Grandes Sabores Serv. de Banqueteria y Productora de Eventos

Aha con que agragando cosas de mas... q haria yo sin ti? te prometo q me pondre gafas...jajaja

ahora si q si cambia la cosa y q tal como esta qdando mi bb? por q me ha costado uff!! como no me gusta algo voy y lo cambio si sigo asi no terminare nunca el blog de pruebas.

Besos y abrazos a la distancia y nuevamente mil gracias

ah te encargo los bordes (seran para las separaciones de la sidebar entre otras cosas)

Responder
Grandes Sabores Serv. de Banqueteria y Productora de Eventos

Gem@ help no se q cambie pero ahora no se ve la imagen del primer banner

PLOP!!!

Responder
Gem@

yz no lo estás añadiendo como te edecía Giovana, copias el código tal y como te lo proporciona el editor y lo único que debes copiar del editor es la url de la imagen pequeña.
<a href="http://grandessaboresbanqueteria.blogspot.com/" title="Grandes Sabores Banqueteria"><img style="margin:0px 5px 5px 0px;" alt="Grandes Sabores Banqueteria" src="http://3.bp.blogspot.com/_p1fdoVZubpw/SkPb624mg1I/AAAAAAAAARM/el3AuKfvdT0/s200/Plantilla+Cartel+logo.jpg"/></a>

En el comentario anterior te dejé un ejemplo para que sólo le añadas la url de la imagen y de la página ;)

Responder
Basileax

Hola gracias por la aportacion, me gusto tanto que ahora mismo voy a cambiar mis etiqueta,saludos

Responder
Gem@

yz Gracias a ti por comentar Basileax :D

Responder
Antonieta H.

Gracias gema...hoy me puse a etiquetar mis post y le puse esta etiqueta, y probé a hacer un footer, gracias por todo :P

Responder
Gem@

yz Gracias a ti por comentar Antonieta.
Quedaron lindas las etiquetas en el fotter azul :)

Responder
Antonieta H.

tu dices? gracias jajaja me falta algo que poner en una de las columnas pero no me decido, quería poner lo de los seguidores pero no me funciono y lo deje, probando ando :)

Saludos guema

Responder
Gem@

yz Hay muchas ideas Antonieta, las últimas entradas, el gadget de Twitter, los datos del perfil, enlaces, algún texto especial...

Responder
Grandes Sabores Serv. de Banqueteria y Productora de Eventos

Hola qrida,

agradezco tu ejemplo anterior me ha servido para todos los otros problemas q tenia, solo me qda el prob. de la imagen en el formulario de comentarios, no se ve,

En cuanto a lo otro tomate tu tiempo pero no me olvides oka.

Besos y no tomes tanto sol cuidate del cancer

Responder
Gem@

yz Grandes Sabores Banqueteria siento la demora, ya me dirás si solucionaste ese tema con el enlace del mail que te mandé ;)

Responder
Grandes Sabores Serv. de Banqueteria y Productora de Eventos

Hola preciosa, tanto tiempo, yo de vuelta estuve haciendo varios cursos dentro y fuera de mi querido Chile y me tuve que poner a cocinar como loca para enviar los resultados, ahora estoy escribiendo mi primer libro y ya he tenido pruebas de lectura con mi editor con buenos resultados, en relacion a mi blog no pude con la imagen, lo hice en mi blog de pruebas, aparece el formulario pero no la img.
Lo que me preocupa mas es solucionar el problema de la nube de etiquetas, no aparecen todas las entradas relacionadas a las etiquetas, solo se ve una para cada etiqueta
que hice mal, estoy revisando el paso a paso como lo indicas en esta entrada.

CAriños y besos como desearia enviarte por currier uno de mis postres. jajaja, la intension es la que vale.

Responder
Grandes Sabores Serv. de Banqueteria y Productora de Eventos

este enlace es el que copio en la url de la etiqueta pero me lleva al escritorio del blog http://www.blogger.com/posts.g?blogID=1731401065486654099&searchType=ALL&txtKeywords=&label=Servicios+de+Banqueteria

Responder
Grandes Sabores Serv. de Banqueteria y Productora de Eventos

Ah agregue el traductor y funciona ok

Responder
Grandes Sabores Serv. de Banqueteria y Productora de Eventos

Gemita, santa gemita, SOS

Please, no pude con lo de las etiquetas me la gano

Responder
Grandes Sabores Serv. de Banqueteria y Productora de Eventos

Hola amiga q tal las vacaciones,

Quize dejarte un comentario sobre mis avances, aun cuando me fue dificil, di la pelea hasta el final, ¡me resulto el tema de las etiquetas!!!, hasta que di con el problema, copiaba mal la url de las etiquetas razon por eso no se veian todas o me llevaba a otro lado, pero en fin tremendo lio pero tema resuelto...ahora me quedan los otros problemitas que te habia mencionado antes.

Cariños y que la sigas pasando genial

AH: si puedes aclarar que la direccion url de las estiquetas (se obtiene de la pagina principal del blog y se copia etiqueta por etiqueta) fue aca donde me equivoque, yo copiaba desde el escritorio o desde etiqueta pero del escritorio.

Responder
Gem@

yz Hola Giovana, ya de regreso me estoy poniendo al día con los comentarios.
Siento no ver estos tuyos antes para ayudarte pero me alegra que ya esté resuelto, sobre lo que me dices de conseguir la url de la etiqueta es que no hay otro sitio.
Cuando creamos un enlace añadimos una url, esa url es la dirección que nos lleva a alguna parte, como comprenderás a las visitas n olas enviamos al escritorio sino a esa parte del blog que enlazamos, es decir las etiquetas.
Dice la entrada "El asterisco # lo sustituimos por la url que corresponde a cada etiqueta con eso quería decir que es una url para cada etiqueta :)

Cuando te refieres a los otros problemillas te refieres a eso de "ah te encargo los bordes (seran para las separaciones de la sidebar entre otras cosas)" no recuerdo a qué te refieres :(

Responder
Grandes Sabores Serv. de Banqueteria y Productora de Eventos

Hola cariño,
que bueno q ya estes de vuelta, pero que pena por que me imagino que tienes bastante trabajo acumulado, tomato con calma amiga, no te vallas a estresar recien volviendo de tus vacaciones...
Lo de las etiquetas ya lo resolvi y yo como siempre haciendo todo al reves ingresaba la url del escritorio no capte nunca q era en la pag principal del blog, ¡bueno se caen los aviones y no me voy a caer yo, jajaja

Mi problema o duda es que en mi plantilla no logro conseguir si esta bien o mal configurado el asunto de agregar comentarios segui el paso a paso y agregue los codigos que me faltaban pero no se visualiza, en el de pruebas esto me quedo ok (aparece el formulario solo q no se ve la imagen creo q como siempre algo estoy haciendo mal).

Ve si me das una manito con esto y si me das una idea de donde obtener los bordes seria bueno por eso es lo que deseo para la sidebar y una caja de contenidos que la que yo hice la hice con el paso a paso de la nube de etiquetas pero se q son cosas distintas

Besos amiga y cuidate gracias por tu paciencia pero veras que esto no es lo mio

Responder
Grandes Sabores Serv. de Banqueteria y Productora de Eventos

Gema como vas

Yo por acaq con un poquito de tiemmpo me preguntaba si me puedes dar un link donde encontrar una imagen bonita para agregar a los pies del foot...sono un poco raro pero eso es lo que quiero y si me dices como hacer para escribir fuera del footer a modo de poner como tu el nombre de la plantilla y esas cosas

Responder
Gem@

yz Grandes Sabores Banqueteria ¡cuanto tiempo!!
Recién llegué ayer de pasar un par de semanas fuera, intentando poner un poco de orden en todo, llevará su tiempo pero poco a poco :)
Sobre el tema que me dices la siguiente url puede interesarte:
http://gemablog-.blogspot.com/2009/09/los-creditos.html ;)

Responder
Grandes Sabores Serv. de Banqueteria y Productora de Eventos

Hola gema si bastante tiempo,

Veo que como el tiempo te pilla y es que aveces seria ideal que el dia tuviera mas tiempo, pero en fin es lo que hay...

Gema super bueno el enlace que me has dejado, para los creditos y en eso estoy ahora, pero haber si me das datos acerca los bordes y separaciones y si es para la sider bar y para usarlos para enmarcas las imagenes es decir las fotos...si hay una manera facil y bonita esa es la que me servira ya que tu me conoces soy un tanto bueno lenta para aprender. y otro tema que en algunos PCs veo la plantilla de forma normal en otros se extiende hacia los lados desfigurando generalmente el ancho de esta y en otros la ajusta al tamaño de la pantalla haciendo que queden desalineados los elementos en la sidebar.

Cariños y besos, cuidate

Responder
Gem@

yz Grandes Sabores Banqueteria ¿cómo estás? hay muchas entradas que hablan de los distintos bordes que podemos utilizar, añade "borde" en el buscador y verás la que más se ajusta a lo que estás buscando.
Sobre la distinta forma de ver el blog, es algo que tiene que ver con el navegador que lo visualizamos y la resolución de pantalla.
Miraré ese problema pero no le veo fácil solución ;)

Responder
Anónimo

Gem@
No entendí donde debe ponerse el primer código
:(
Disculpame soy una desentendida en HTML :S
Ayudame porfavor, gracias ;)

Responder
Gem@

yz El primero que contiene los enlaces se añade en un gadget de HTML, luego lo arrastramos para ponerlo en la posición deseada y guardamos los cambios ;)

Responder
Yavana

Huy mil gracias es lo que estaba buscando, porque las otras nubes no me convencian y la queira poder hacer yo misma.
Y la explicacion esta muy facil :))

Gracias!! :D

Responder
Gem@

:: Me alegra que te guste Lutien :)

Responder
Gem@

:: Gracias Caisloc :)

Responder
Raúl

Hola que tal Gem@ como vas? Quiero pedirte un favor como haces la nube de etiquetas que tienes en tu blog?

Porque en la opción etiquetas de blogger, luego selecciono nube de etiquetas. Pero su presentación es muy simple y poco estética. Tu tiens las etiquetas centradas en un bonito diseño en el que las principales etiquetas tienen diferentes colores y creo que tambien estilos de fuente como haces esos cambios?.

De antemano te agradezco por tu ayuda??

Responder
Gem@

:: Pues la hice siguiendo los pasos de esta misma entrada, los colores, tamaño y tipo de letra los podemos escoger, se puede personalizar a gusto de cada uno :)

Responder
Anónimo

Buen día gem@ me pareció una maravilla la nube de etiquetas, pero tengo una pregunta, ha de cuenta que el contenido de mi blog trata solo de descargas de música y quiero saber si puedo jalar dos entradas en una sola etiqueta, como lo hace blogger por defecto.

Responder
Gem@

:: ManzurMetal para que una etiqueta muestre dos entradas, deben contener las dos entradas la misma etiqueta, puedes añadir una nueva etiqueta en esas dos entradas y asunto resuelto :)

Responder
Maurici

Para cambiar el tipo de letra en la nube???

Graciassss

Responder
Gem@

:: Hola Maurici, con font-family se añade el tipo de fuente:
<a style="color:#9b2230; font-size: 11px;font-family:Georgia,serif;" href="#">TEXTO</a>

Responder
Maurici

@Gem@
Genial, muchas gracias!

Responder
MOZAMO ILUSTRACIÓN

Y si le quiero incluir un título y centrarlo Gem@?
Gracias.

Responder
Gem@

:: MOZAMO ILUSTRACIÓN si queremos que el título sea igual al resto de los gadgets simplemente lo añadimos como hacemos normalmente editando el gadget y listo.
Para añadir cualquier otro texto a modo de título y centrarlo añadimos justo antes del código de la nube lo siguiente:
<div style="text-align: center;">TÍTULO</div>

Responder
El Cesarius

¡¡Muchas gracias por la ayuda!!

Responder
Gem@

:: ¿Qué ayuda El Cesarius? :D

Responder
América

Me quedo excelente muchisimas gracias por el tip Gem@, excelente blog asi que le dare una mirada a varios temas mas!

Responder
Gem@

:: Si que te quedó muy bien América Quinteros y hay que reconocer que la plantilla que usas es muy elegante :)

Responder
Unknown

Muy interesante el artículo. Voy a cambiar mi nube lo antes posible con este ejemplo.

Saludos,

Carlos Adrián
http://www.seo-diseno-web.com

Gem@

Saludos Carlos Adrian, me alegra que sea de tu agrado el post :)

Responder

Los comentarios han sido inhabilitados temporalmente. ¡GRACIAS!

:):'(:(:P:D:$;):-I:X:O|O:S

Nota: solo los miembros de este blog pueden publicar comentarios.

 


top